<!doctype html>
<html>
<head>
<meta charset="utf-8">
    <style type="text/css">
	    div{
			background-image:url(pic/07/up/len1/img/logo.png);          background-color:rgba(0,0,0,0.65);
			background-position:20px 0px;
			background-size:145px 90px;
			background-repeat:no-repeat;
			border:1px #330000 solid;
			height:90px;
			}
		span{display:inline-block;
		color:#FFF;
		font-size:20px;
		margin-top:30px;
		margin-bottom:30px;
		margin-left:10px;
		margin-right:10px;
		font-weight:bold;
		font-family:"幼圆";
			}
		.c1{
			margin-left:200px;
			}
			a:link{
				text-decoration:none;
				color:#FFF;
			}
			a:hover{
				color:#09F;
				}
			a:visited{
				color:#FFF;}
			.c2{
			   margin-right:70px;
			  
				}
				.c3{border:1px #FF0 solid;
			   border-radius:25px; color:#FF0;
			   padding:7px 25px 7px 25px;
			   margin-left:0px;
			   
				}
			
			.c3 a:link{color:#FF0; text-decoration:none;}
			.c3 a:hover{color:#630; background-color:#FC0; border-radius:25px;}
			.c3 a:visited{color:#630;}
	</style>
<title>qq会员导航页面</title>
</head>

<body>
  <header>
  <nav>
    <div>
        <span class="c1"><a href="#">功能特权</a></span>
        <span><a href="#">游戏特权</a></span>
        <span><a href="#">生活特权</a></span>
        <span><a href="#">会员活动</a></span>
        <span><a href="#">成长体系</a></span>
        <span><a href="#">年费专区</a></span>
        <span class="c2"><a href="#">超级会员</a></span>
        <span class="c3"><a href="#">登录</a></span>
        <span class="c3"><a href="#">开通超级会员</a></span>
    </div>
    </nav>
  </header>
</body>
</html>
